<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="s" uri="/struts-tags" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">   
 <title>欢迎使用在线考试系统</title>
 <link href="css/style.css" rel="stylesheet" type="text/css" />
 <link href="css/select.css" rel="stylesheet" type="text/css" />
 <link href="css/smoothness/jquery-ui.css" type="text/css" rel="stylesheet"  />
<script type="text/javascript" src="js/jquery-2.0.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/cloud.js" ></script>
<script type="text/javascript" src="js/select-ui.min.js"></script>
<script>
	
function IsPC() {
    var userAgentInfo = navigator.userAgent;
    var Agents = ["Android", "iPhone",
                "SymbianOS", "Windows Phone",
                "iPad", "iPod"];
    var flag = true;
    for (var v = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) {
            flag = false;
            break;
        }
    }
    return flag;
}

if(!IsPC()){
	location.href="<%=path%>/m/login.jsp";
}

</script>
<script language="javascript">
 $(document).ready(function () {
 
    $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
	
	$(window).resize(function(){  
    $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
	});
	
    $(".select1").uedSelect({
		width : 300		  
	});
	
	var message = $("#message");
	if(message.html().length>0){
		alert(message.html());
		window.location.href="login.jsp";
	}
	
	
	//帮助提示
	$("#helpInfo").dialog({  
           autoOpen:false,  //设置对话框打开的方式 不是自动打开  
           show:"blind",    //打开时的动画效果  
           hide:"explode",    //关闭是的动画效果  
           modal:true,          //true代表运用遮罩效果  
            buttons:[  
                {  
                    text:"我知道啦",  
                    click:function (){  
                        $(this).dialog("close");            //关闭对话框  
                    }  
                }],  
  
            closeOnEscape:false,    
            position:"top",  //对话框打开的位置，默认center，有top、left、right、center、bottom  
            width:500,      //设置对话框的宽度  
            height:300,     //设置对话框的高度  
            resizable:false,//是否可以改变对话框的尺寸的操作，默认true           
            zIndex:9999
             
        }).parent().find('.ui-widget-header').hide();  
             
       $("#showHelp").click(function(){
       
       		$("#helpInfo").dialog("open"); 
       		
       });     
             
	
});  
</script> 
<style type="text/css">
	#helpInfo{
		 width:200px;
		 height:300px;
		 padding: 10px 50px;
		 display: none;
	}
	#helpInfo h2{
		text-align: center;
		font-size:22px;
		color:#333;
		font-family: 新宋体;
		border-bottom: 1px solid #ccc;
		margin: 0 0 5px 0;
	}
	#helpInfo p{
		font-size:13px;
		color:#666;
		line-height: 22px;
		text-indent: 2em;
		padding: 3px 0;
	}
	#helpInfo b{
		color:#333;
		font-weight: bold;
		width:50px;
		text-align: right;
	}
</style>
</head>

<body style="background-color:#1c77ac; background-image:url(images/light.png); background-repeat:no-repeat; background-position:center top; overflow:hidden;">
    <div id="helpInfo">
    	<h2>帮助信息</h2>
    	<p><b>系统角色</b> : 使用本系统有两种身份: 1.考生  2.管理员 </p>
    	<p><b>关于登陆</b> : 注意考生的登陆名为: <b>姓名</b> 密码为 :<b>学号</b> ,考生登录请下拉选择"我是考生" </p>
    	<p><b>关于注册 </b>: 第一次使用可选择注册 ,注意选择自己所在分组,如果没有,请联系管理员创建分组,以录入实际信息</p>
    	
    	<p>
    	   <b>注意事项</b> : 考生只有在管理员发布试卷之后才能正常登陆进行考试,一旦提交试卷后无法再进入系统答题
    	</p>
    </div>
	<span style="display:none" id="message">${message }</span>
    <div id="mainBody">
      <div id="cloud1" class="cloud"></div>
      <div id="cloud2" class="cloud"></div>
    </div>  


<div class="logintop">    
    <span>欢迎使用在线考试管理系统</span>    
    <ul>
    <li><a href="javascript:;" id="showHelp">帮助</a></li>
    <li><a href="register.jsp">用户注册</a></li>
    </ul>    
    </div>
    
    <div class="loginbody">
    
    <span class="systemlogo"></span> 
       
    <div class="loginbox">
     <form id="form1" name="form1" method="post" action="index.action">
	    <ul>
	    <li><input name="username" type="text" class="loginuser" value="${username }" onclick="JavaScript:this.value=''"/></li>
	    <li><input name="password" type="password" class="loginpwd"  onclick="JavaScript:this.value=''"/></li>
	    <li>
	    	<div class="vocation" >
			    <select class="select1" name="myId" style="background:#ecf5fa" >
			    <option value="0" >我是考生</option>
			    <option value="1" >我是管理员</option>
			    </select>
	    	</div>
	    </li>
	    
	    <li><input name="submit" type="submit" class="loginbtn" value="登 录"  /></li>
	    </ul>
    </form>
    
    </div>
    
    </div>
    <div class="loginbm">Copyright © 2015-2016 ${SYS_SETTING.copyright } </div>
</body>
</html>
<%
	application.removeAttribute("message");
 %>